﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title> 链路交互 Layui </title>
    <!-- 依 赖 样 式 -->
    <link rel="stylesheet" href="/component/pear/css/pear.css?v@(@StaticConfig.StaticConfigVersion)" />
    <!-- 加 载 样 式 -->
    <link rel="stylesheet" href="/admin/css/loader.css?v@(@StaticConfig.StaticConfigVersion)" />
    <!-- 布 局 样 式 -->
    <link rel="stylesheet" href="/admin/css/admin.css?v@(@StaticConfig.StaticConfigVersion)" />
</head>
<!-- 结 构 代 码 -->
<body class="layui-layout-body pear-admin">
    <!-- 布 局 框 架 -->
    <div class="layui-layout layui-layout-admin">
        <!-- 顶 部 样 式 -->
        <div class="layui-header">
            <!-- 菜 单 顶 部 -->
            <div class="layui-logo">
                <!-- 图 标 -->
                <img class="logo"></img>
                <!-- 标 题 -->
                <span class="title"></span>
            </div>

            <!-- 顶 部 左 侧 功 能 -->
            <ul class="layui-nav layui-layout-left">
                <li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
                <li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading=600></a></li>
            </ul>
            <!-- 多 系 统 菜 单 -->
            <div id="control" class="layui-layout-control"></div>
            <!-- 顶 部 右 侧 菜 单 -->
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
                @*<li class="layui-nav-item layui-hide-xs"><a href="http://www.pearadmin.com" class="layui-icon layui-icon-website"></a></li>*@
                @*<li class="layui-nav-item layui-hide-xs message"></li>*@
                <li class="layui-nav-item layui-hide-xs">
                    @*<a href="javascript:;" user-menu-url="/TaskCenter/TaskSchedulingList" user-menu-id="3123" user-menu-title="任务中心">*@
                    <a href="javascript:void(0)" onclick="roleupdate()">
                        任务中心
                        <span class="layui-badge" id="xiaoxi">@ViewBag.messageCount</span>
                        @*<span class="layui-badge" id="xiaoxi">@ViewBag.messageCount</span>*@
                    </a>
                </li>
                <li class="layui-nav-item user">
                    <!-- 头 像 -->
                    @*<a class="layui-icon layui-icon-username" href="javascript:;">@ViewBag.UserName</a>*@
                    <a class="" href="javascript:;">@ViewBag.UserName</a>
                    <!-- 功 能 菜 单 -->
                    <dl class="layui-nav-child">
                        <dd><a user-menu-url="/Admin/ChangePassword" user-menu-id="5555" user-menu-title="修改密码">修改密码</a></dd>
                        <dd><a class="logout" href="@Url.Action("onSignOut_Click","Home")">退出</a></dd>
                    </dl>
                </li>
                <!-- 主 题 配 置 -->
                <li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
            </ul>
        </div>
        <!-- 侧 边 区 域 -->
        <div class="layui-side layui-bg-black">
            <!-- 菜 单 顶 部 -->
            <div class="layui-logo">
                <!-- 图 标 -->
                <img class="logo"></img>
                <!-- 标 题 -->
                <span class="title"></span>
            </div>
            <!-- 菜 单 内 容 -->
            <div class="layui-side-scroll">
                <div id="sideMenu"></div>
            </div>
        </div>
        <!-- 视 图 页 面 -->
        <div class="layui-body">
            <!-- 内 容 页 面 -->
            <div id="content"></div>
        </div>
        <!-- 遮 盖 层 -->
        <div class="pear-cover"></div>
        <!-- 加 载 动 画 -->
        <div class="loader-main">
            <!-- 动 画 对 象 -->
            <div class="loader"></div>
        </div>
    </div>
    <!-- 移 动 端 便 捷 操 作 -->
    <div class="pear-collasped-pe collaspe">
        <a href="#" class="layui-icon layui-icon-shrink-right"></a>
    </div>
    <!--提示音 -->
    <audio id="yesMusic">
        <source src="/audio/news.mp3" type="audio/mp3" />
        @*<source src="/audio/sc5.ogg" type="audio/ogg" />*@
    </audio>
    <!-- 依 赖 脚 本 -->
    <script src="/component/layui/layui.js?v@(@StaticConfig.StaticConfigVersion)"></script>
    <script src="/component/pear/pear.js?v@(@StaticConfig.StaticConfigVersion)"></script>
    <script src="/signalr/dist/browser/signalr.min.js"></script>
    <!-- 框 架 初 始 化 -->
    <script>
        var $;
        var admin;
        layui.use(['admin', 'jquery', 'popup'], function () {
            $ = layui.jquery;
            admin = layui.admin;
            var popup = layui.popup;
            var aa = {
                //网站配置
                "logo": {
                    "title": "链路交互",//网站名称
                    "image": "/admin/images/logo.png"//网站图标
                },
                //菜单配置
                "menu": {
                    "data": "@Html.Raw(@Url.Action("Menus", "Home"))",
                    "collaspe": false,//侧边默认折叠状态
                    "accordion": true,//是否同时只打开一个菜单目录
                    "method": "GET",//菜单接口的请求方式 GET / POST
                    "control": false,//是否开启多系统菜单模式
                    "select": "0",//默认选中的菜单项
                    "async": true,//是否开启异步菜单，false 时 data 属性设置为静态数据，true 时为后端接口
                    "controlWidth": "500"//顶部菜单宽度 PX
                },
                //视图内容配置
                "tab": {
                    "enable": true,//是否开启多选项卡
                    "keepState": true,//保持视图状态
                    "session": true,//开启选项卡记忆
                    "max": 30,//最大可打开的选项卡数量
                    //首页
                    "index": {
                        "id": "0",//标识 ID , 建议与菜单项中的 ID 一致
                        "href": "/Home/console",//页面地址
                        "title": "首页"//标题
                    }
                },
                //主题配置
                "theme": {
                    "defaultColor": "2",//默认主题色，对应 colors 配置中的 ID 标识
                    "defaultMenu": "dark-theme",//默认的菜单主题 dark-theme 黑 / light-theme 白
                    "defaultHeader": "light-theme",//默认的顶部主题 dark-theme 黑 / light-theme 白
                    "allowCustom": true,//是否允许用户切换主题，false 时关闭自定义主题面板
                    "banner": false//通栏配置
                },
                //主题色配置列表
                "colors": [{
                    "id": "1",
                    "color": "#1b8fe6"
                }, {
                    "id": "2",
                    "color": "#5FB878"
                }, {
                    "id": "3",
                    "color": "#00877b"
                }, {
                    "id": "4",
                    "color": "#faad14"
                }, {
                    "id": "5",
                    "color": "#f7444d"
                }, {
                    "id": "6",
                    "color": "#722ed1"
                }
                ],
                "links": [{
                    "icon": "layui-icon layui-icon-auz",
                    "title": "官方网站",
                    "href": "http://www.pearadmin.com"
                }, {
                    "icon": "layui-icon layui-icon-auz",
                    "title": "开发文档",
                    "href": "http://www.pearadmin.com"
                }, {
                    "icon": "layui-icon layui-icon-auz",
                    "title": "开源地址",
                    "href": "https://gitee.com/Jmysy/Pear-Admin-Layui"
                }
                ],
                //其他配置
                "other": {
                    "keepLoad": 1200,//主页动画时长
                    "autoHead": false//布局顶部主题
                },
                //头部配置
                "header": {
                    "message": "/admin/data/message.json"//站内消息，通过 false 设置关闭
                }
            }
            admin.render(aa);
        })

        var yesaudio = document.getElementById("yesMusic");
        var noaudio = document.getElementById("noMusic");


        //建立链接对象connection
        const signalr_connection = new signalR.HubConnectionBuilder()
            .withUrl("/chatHub")
            .build();

        //启动connection
        signalr_connection.start()
            .then(function () {
                console.log("链接成功");
            }).catch(function (ex) {
                console.log("链接失败" + ex);
                //SignalR JavaScript 客户端不会自动从新链接，必须编写代码将手动从新链接你的客户端
                setTimeout(() => start(), 5000);
            });

        //前端接收消息
        signalr_connection.on("ReceiveMessage", function (isPlay, message) {
            $('#xiaoxi').text(message)
            if (isPlay == true) {
                roleupdate();
                yesaudio.play();
            }
        });

        ////前端给所有用户发送消息

        //function onXiaoxi() {
        //    signalr_connection.invoke("SendMessage", "wo", "在发消息").catch(function (err) {
        //        return console.error(err.toString());
        //    });
        //}

        ////前端给指定用户id为218的发送消息

        //function onXiaoxi218() {
        //    signalr_connection.invoke("SendPrivateMessage", "218", "在发消息").catch(function (err) {
        //        return console.error(err.toString());
        //    });
        //}
        function roleupdate() {
            admin.addTab('3123', '任务中心', "/TaskCenter/TaskSchedulingList");
            admin.refreshThis();
        }
    </script>
</body>
</html>
